<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>修改简介</title>
		<link rel="stylesheet" type="text/css" href="../../../layui/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../../common/common.css" />
		<link rel="stylesheet" href="changeIntro.css">
		<script src="../../common/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../layui/layui/layui.js"></script>
		<script src="changeIntro.js"></script>
		<style>
			/* 修改工作室简介 */
			.container {
				box-sizing: border-box;
				position: absolute;
				top: 110px;
				left: 350px;
				height: calc(100% - 160px);
				width: calc(100% - 500px);
				background-color: white;
				padding: 15px;
			}

			.title {
				font-family: 宋体;
				font-weight: 600;
				font-size: 16px;
				margin-top: 5px;
			}

			.container textarea {
				width: calc(100% - 60px);
				padding: 10px;
				letter-spacing: 0.1rem;
				line-height: 23px;
			}
			/* 修改头像 */
			#test2{
				margin: 20px 30px;
			}
			.img1{
				margin: 8px;
				margin-bottom: 45px;
			}
		</style>

	</head>
	<body>
		<!-- 修改头像 -->
		<div id="test2" style="display: none;">
			<div class="form-group">
				<div class="img1"><label>图片：</label></div>
				<img src=" " alt="" id="img" />
				<input type="file" name="file" id="uploadImage">
			</div>
		</div>
		<!-- 重设密码 -->
		<div id="test1" style="display: none;">
			<form class="layui-form layui-form-pane" action="">
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">原密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入原密码"
							autocomplete="off" class="layui-input" id="password">
					</div>
				</div>
				<div class="layui-form-item" pane style="width: 90%; margin: 20px auto;">
					<label class="layui-form-label">新密码</label>
					<div class="layui-input-block">
						<input type="password" name="password" required lay-verify="required" placeholder="请输入新密码"
							autocomplete="off" class="layui-input" id="newPassword">
					</div>
				</div>
			</form>
		</div>
		<!-- 水平导航-->
		<ul class="layui-nav level" lay-filter="">
			<li class="layui-nav-item"><a href="../../index/index.html">首页</a></li>
			<li class="layui-nav-item layui-this">
				<a href="javascript:;" id="head"></a>
				<dl class="layui-nav-child" style="z-index: 1000000;">
					<!-- 二级菜单 -->
					<dd onclick="change1()">修改头像</dd>
					<dd onclick="change()">修改密码</dd>
					<dd onclick="logout()">退出登录</dd>
				</dl>
			</li>
		</ul>

		<!-- 侧边导航-->
		<ul class="layui-nav layui-nav-tree vertical" lay-filter="test">
			<li class="layui-nav-item" ><a href="../staffInfo/staffInfo.html">人员信息</a></li>
			<li class="layui-nav-item layui-this"><a href="">修改简介</a></li>
			<li class="layui-nav-item"><a href="../auditPwd/auditPwd.html">审核密码</a></li>

		</ul>
		<div class="container">
			<form class="layui-form" action="">
				<!-- 服务范围 -->
				<div class="layui-form-item layui-form-text">
					<label class="layui-form-label title">服务范围</label>
					<div class="layui-input-block all">
						<textarea name="desc"
							placeholder="恒之工作室旨在建设学生处一站式多媒体社区，打造信息全面、功能多元化的网络思想政治教育平台，也引入为在校师生定制教育信息化一体式平台服务功能。主要负责学生处网站的建设和易班平台的建设"
							class="layui-textarea"></textarea>
					</div>
				</div>
				<!-- 前端工作部 -->
				<div class="layui-form-item layui-form-text">
					<label class="layui-form-label title">前端</label>
					<div class="layui-input-block all">
						<textarea name="desc"
							placeholder="恒之工作室旨在建设学生处一站式多媒体社区，打造信息全面、功能多元化的网络思想政治教育平台，也引入为在校师生定制教育信息化一体式平台服务功能。主要负责学生处网站的建设和易班平台的建设"
							class="layui-textarea"></textarea>
					</div>
				</div>
				<!-- 后端工作部 -->
				<div class="layui-form-item layui-form-text">
					<label class="layui-form-label title">后端</label>
					<div class="layui-input-block all">
						<textarea name="desc"
							placeholder="恒之工作室旨在建设学生处一站式多媒体社区，打造信息全面、功能多元化的网络思想政治教育平台，也引入为在校师生定制教育信息化一体式平台服务功能。主要负责学生处网站的建设和易班平台的建设"
							class="layui-textarea"></textarea>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block" style="text-align: right; width: calc(100% - 170px);">
						<button type="reset" class="reset layui-btn layui-btn-primary">重置</button>
						<button class="layui-btn" onclick="add()" type="button">立即提交</button>
					</div>
				</div>
			</form>
		</div>
		<script>
			layui.use('form', function() {
				var form = layui.form;

				//监听提交
				form.on('submit(formDemo)', function(data) {
					layer.msg(JSON.stringify(data.field));
					return false;
				});
			});
		</script>

		<script>
			//注意：导航 依赖 element 模块，否则无法进行功能性操作
			layui.use('element', function() {
				var element = layui.element;

			});
		</script>

		<!-- 导航栏右侧 -->
		<script>
			//JS 
			layui.use(['element', 'layer', 'util'], function() {
				var element = layui.element,
					layer = layui.layer,
					util = layui.util,
					$ = layui.$;

				//头部事件
				util.event('lay-header-event', {
					//左侧菜单事件
					menuLeft: function(othis) {
						layer.msg('展开左侧菜单的操作', {
							icon: 0
						});
					},
					menuRight: function() {
						layer.open({
							type: 1,
							content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
							area: ['260px', '100%'],
							offset: 'rt' //右上角
								,
							anim: 5,
							shadeClose: true
						});
					}
				});

			});
		</script>

	</body>
</html>
